<template>
	<view>
		<view class="text-area bg-blue text-center">
			<view class="title">可提现金额</view>
			<view><text>￥</text><text class="text-bold text-xxl money">{{ktx_money}}</text></view>
		</view>

		<view style="margin-top: -70rpx;border-radius: 10px;" class="bg-white margin-lr-lg">
			<view class="padding-tb-xl padding-lr">
				<view>提现金额</view>
				<view class="margin-top-xs">
					<u--input placeholder="请填写提现金额" fontSize="28px" prefixIcon="rmb" disabled disabledColor="#fff"
						prefixIconStyle="font-size: 50rpx;font-weight:900;color:#000;" border="none"
						v-model="data.tx_money" @change="change"></u--input>
				</view>
			</view>
		</vieW>
		<view class="margin-tb bg-white margin-lr-lg padding-lr padding-tb-sm" style="border-radius: 10px;">
			<u--form labelPosition="left" :model="data" labelWidth="85" ref="uForm">
				<u-form-item label="持卡人姓名" prop="data.username" borderBottom>
					<u--input v-model="data.username" placeholder="请填写持卡人姓名" border="none"></u--input>
				</u-form-item>
				<u-form-item label="银行卡号" prop="data.bankcode" borderBottom>
					<u--input v-model="data.bankcode" placeholder="请填写银行卡号" border="none"></u--input>
				</u-form-item>
				<u-form-item label="开户行全称" prop="data.bankname" borderBottom>
					<u--input v-model="data.bankname" placeholder="请填写开户行" border="none"></u--input>
				</u-form-item>
				<u-form-item label="联系电话" prop="data.mobile">
					<u--input v-model="data.mobile" placeholder="请填写联系电话" border="none"></u--input>
				</u-form-item>
			</u--form>

		</view>
		<view class="padding-lr-xl padding-tb text-center">
			<u-button type="primary" :hairline="true" text="申请提现" shape="circle" @click="sqtx"></u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				ktx_money: "0.00",
				data: {
					tx_money: "0.00",
					cardholder_name: "",
					opening_bank: "",
					card_code: "",
					mobile: ""
				}
			}
		},
		methods: {
			change(e) {
				console.log('change', e);
			},
			sqtx() {
				if (this.data.tx_money == "0" || this.data.tx_money == "0.0" || this.data.tx_money == "0.00" || this.data.tx_money == "") {
					uni.showToast({
						title: "提现金额不正确",
						icon: "none"
					})
					return false;
				}
				uni.showModal({
					title: "您的申请已提交"
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	page {
		background-color: #f8f8f8;
	}

	.text-area {
		padding: 80rpx 0 150rpx 0;
	}

	.money {
		font-size: 30px;
	}
</style>